<!DOCTYPE html>
<html>
    <head>
        <title>$$$￥￥￥</title>
        <meta http-equiv="content-type" content="text/html; charset=utf-8">
        <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
<script src="../node_modules/_vue@2.6.14@vue/dist/vue.min.js"></script>
    </head>
    <body>
         <div id="demodiv">
             <h1>{{text}}</h1>
             <h1>{{age+10}}</h1>
             <h1>{{bool?"X":"Y"}}</h1>
             <h1>{{arr}}</h1>
             <h1>{{obj}}</h1>
         </div>
         <!-- {{表达式}} -->
    </body>
    <script>
        new Vue({
          el:"#demodiv",
          data:{
              text:"lalal",
              age:18,
              bool:true,
              arr:[1,2,3,4,5,6],
              obj:{
                  name:"xiaoxiao",
                  sex:"M"
              }
        }
        })
    </script>
</html>
